body{
    font-family: "微软雅黑","Hiragino Sans GB","Heiti SC",Arial, Helvetica, sans-serif;
    width:100%;
    background-color: #000;
}
a {
    font-family: "微软雅黑";
    text-decoration: none;
}
/*nav导航第一栏*/

#navbar ul li{
    width: 90px;
}
.navbar-nav{
    font-family: "微软雅黑";
    font-size: 15px;
}
.nav-log{
    float:right;
    line-height: 50px
}
.nav-log a{
    text-decoration:none;
    color: #9d9d9d;
    display:block;
    float:left;
    padding:5px;
    font-size: 12px;
}
.nav-log a:hover{
    color: #fff;
    text-decoration:none;
}

/*nav导航第二栏*/
#nav-second{
    font-family: "微软雅黑";
    font-size: 12px;
    margin-left: 90px;
    padding-top: 10px;
    float: right
}
.nav-second{
    height: 65px;
    padding-left: 113px;
    padding-right: 113px;
    background-color: #fff;
}
#nav-second li a:hover{
    color: #9d9d9d;
}
.btn-pay{
    display: inline-block;
    width: 94px;
    height: 28px;
    text-align: center;
    background: #00CCFF;
    border-radius: 5px;
    margin-right: 0px;
    margin-left: 20px;
    line-height: 28px;
    float: right;
    margin-top: 10px;
}
.btn-pay,.btn-pay:hover{
    color: #fff;
    text-decoration:none;
}

/* 弹出子导航*/
.navi-fixed{
    position:fixed;
    width:100%;
    height:65px;
    overflow:hidden;
    top:-70px;
    left:0px;
    z-index:980;
    opacity:0;
    filter:alpha(opacity=0);
    box-shadow:rgba(0,0,0,.2) 0 0 6px;
    transition:all ease 0.5s;
    -webkit-transition:all ease 0.5s;
    -moz-transition:all ease 0.5s;
}
.navi-fixed a{
    color:#666;
    transition:all ease 0.2s;
    -webkit-transition:all ease 0.2s;
    -moz-transition:all ease 0.2s;
    -o-transition:all ease 0.2s;
}
.here-navi-fixed{
    top:0px;
    transition:none;
    -webkit-transition:none;
    -moz-transition:none;
    -o-transition:none;
}
.navi-f-chang a{
    color:#333;
}
.navi-bg{
    position:absolute;
    top:0px;
    left:0px;
    height:75px;
    width:100%;
    background:#F7F7F7;
    opacity:0.5;
    z-index:100;
    transition:all ease 0.5s;
    -webkit-transition:all ease 0.5s;
    -moz-transition:all ease 0.5s;
    -o-transition:all ease 0.5s;
}
.navi-fixed a:hover{
    color:#999999;
}
.navi-f-chang a:hover{
    color:#aaaaaa;
}
.navi-fixed a.pn-bye{
    color:#ffffff;
}
.navi-fixed a.pn-bye:hover{
    color:#ffffff;
}
#nav-hidden{
    /*background-color: #000;*/
}
.nav-second-hidden{
    height: 70px;
    padding-left: 113px;
    padding-right: 113px;
}
#nav-second-hidden{
    font-family: "微软雅黑";
    font-size: 12px;
    margin-left: 90px;
    padding-top: 10px;
    float: right;
    /*height: 75px;*/
    position: relative;
    z-index: 101;
}
#nav-second-hidden li a{
    color: #fff;
}
.pn-list {
    height: 28px;
    float: right;
    margin-top: 19px;
    line-height: 28px;
    transition: all ease-out 0.8s;
    -webkit-transition: all ease-out 0.8s;
    -moz-transition: all ease-out 0.8s;
    -o-transition: all ease-out 0.8s;
}
.pn-theme {
    font-size: 14px;
}
.p-navi {
    width: 1190px;
    margin: 0 auto;
    overflow: hidden;
}
.product1 {
    height: 75px;
    position: relative;
    z-index: 101;
}
.pn-theme a{
    text-decoration: none;
    margin-right: 20px;
}
.pn-list a.pn-bye {
    display: inline-block;
    width: 94px;
    height: 28px;
    text-align: center;
    background: #00CCFF;
    border-radius: 5px;
    margin-right: 0px;
}
/*page1*/
.cuptime-title{
    position: relative;
    text-align: center;
    margin: 0 auto;
    top: -80px;
    opacity: 0;
    z-index: 1000;
}
.cuptime-left{
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left:-128px;
    opacity:0
}
.cuptime-right{
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left:-128px;
    opacity:0
}
.cuptime-mp3{
    position: absolute;
    left: 50%;
    margin-left: -184px;
    top: 30%;
    opacity: 1;
    z-index: 800;
}
/*page1至2滚动水杯*/
.mp-zn{
    position: absolute;
    top: 0px;
    left: 0px;
    visibility: hidden;
}

.mp-show {
    visibility: visible;
}

/*page2*/
#section2 {
    /*width: 1920px;*/
    height: 100%;
    background: url(../images/cup-02-bg.jpg) repeat-x;
    background-size: 100% 100%;
}
/*.g-page {*/
    /*width: 1920px;*/
    /*height: 100%;*/
    /*background-size: 100% 100%;*/
/*}*/
.mecare-page {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.pro-container {
    position: absolute;
    left: 50%;
    top: 50%;
    height: 100%;
}
.full-container {
    position: absolute;
    width: 1920px;
    left: -960px;
    height: 100%;
    top: -50%;
}
.full-container1 {
    position: absolute;
    width: 1920px;
    left: -960px;
    /*height: 100%;*/
    top: -50%;
}
.cuptime-02-01 {
    background: url(../images/cuptime-02-01.png) no-repeat;
    left: 804px;
    opacity: 0;
    /*410*/
}
.cuptime-02-02 {
    background: url(../images/cuptime-02-02.png) no-repeat;
    left: 804px;
    position: relative;
    opacity: 0;
}
.cuptime-02-03 {
    background: url(../images/cuptime-02-03.png) no-repeat;
    left: 804px;
    opacity: 0;
    /*1200*/
}
.cup-02 {
    position: absolute;
    width: 313px;
    height: 513px;
    transition: all ease-out 1.0s;
    -webkit-transition: all ease-out 1.0s;
}
.cuptime-02-04 {
    position: absolute;
    left: 575px;
    top: 7%;
    transition: all ease-out 1.0s 1.2s;
    -webkit-transition: all ease-out 1.0s 1.2s;
    -moz-transition: all ease-out 1.0s 1.2s;
    -o-transition: all ease-out 1.0s 1.2s;
}
.cup-02-icon {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    opacity: 1;
    filter: alpha(opacity=100);
}
.cup-02-icon img {
    margin-top: 62px;
}
.opacit-stop{
    opacity: 0;
}
/*page3*/
.cuptime-03-02 {
    background: url(../images/3-dw.jpg) repeat;
    z-index: 500;
}
.cup-03 {
    position: absolute;
    width: 100%;
    height: 100%;
    text-align: center;
    transition: all cubic-bezier(.86, 0, .07, 1) .8s;
    -webkit-transition: all cubic-bezier(.86, 0, .07, 1) .8s;
    -moz-transition: all cubic-bezier(.86, 0, .07, 1) .8s;
    -o-transition: all cubic-bezier(.86, 0, .07, 1) .8s;
}
.cuptime-03-3 {
    position: relative;
    width: 100%;
    height: 704px;
    top: 30%;
    overflow: hidden;
}
.cutptime-03-04 {
    width: 1920px;
    height: 704px;
    text-align: center;
}
.cup-03-04 {
    position: absolute;
    left: 50%;
    width: 710px;
    height: 704px;
    margin-left: -355px;
}
.cup-03-lay {
    top: 30%;
    z-index: 1000;
    height: 0px;
}
.cup-03-title {
    position: absolute;
    z-index: 1000;
    left: 50%;
    top: 15%;
    margin-left: -286px;
    margin-top: -66px;
    transition: all ease-out 1.0s 2.0s;
    -webkit-transition: all ease-out 1.0s 2.0s;
    -moz-transition: all ease-out 1.0s 2.0s;
    -moz-transform: all ease-out 1.0s 2.0s;
}
.g-page {
    width: 1920px;
    height: 100%;
    background: url(../images/cup-02-bg.jpg) repeat-x;
    background-size: 100% 100%;
}
/*page4*/
.mecare-page {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.pro-container {
    position: absolute;
    left: 50%;
    top: 50%;
    height: 100%;
}
.full-container {
    position: absolute;
    width: 1920px;
    left: -960px;
    height: 100%;
    top: -50%;
}
.k-page {
    width: 1920px;
    height: 100%;
    background: #222222;
}
.cup-07-tit {
    top: 5%;
}
.cup-07-tit {
    position: absolute;
    left: 50%;
    top: 10%;
    margin-left: -424px;
    transition: all ease-in .5s;
    -webkit-transition: all ease-in .5s;
    -moz-transition: all ease-in .5s;
    -o-transition: all ease-in .5s;
}
.cup-07 {
    position: absolute;
    left: 50%;
    top: 42%;
}
.cup-07-con {
    position: absolute;
    top: -50px;
    left: -126px;
}
.cup-07 div {
    position: absolute;
}
.cup-07-title {
    position: absolute;
    left: -414px;
    top: -10px;
    transition: all ease-in .5s;
    -webkit-transition: all ease-in .5s;
    -moz-transition: all ease-in .5s;
    -o-transition: all ease-in .5s;
}
.opacit-stop {
    opacity: 0;
    filter: alpha(opacity=0);
}
.cup-07-02 {
    top: 14px;
    z-index: 900;
}
.cup-07-03 {
    top: 15px;
    z-index: 999;
}
.cup-07-t1 {
    top: 130px;
}
.cup-07-04 {
    top: 400px;
    z-index: 795;
}
.cup-07-05 {
    top: 395px;
    z-index: 794;
}
.cup-07-06 {
    top: 312px;
    left: 35px;
    opacity: 1;
    filter: alpha(opacity=100);
    transform: scale(0.49,0.49);
    -webkit-transform: scale(0.49,0.49);
    -moz-transform: scale(0.49,0.49);
    -o-transform: scale(0.49,0.49);
    z-index: 795;
}
.cup-07-t2 {
    transform: scale(2.03,2.03);
    -webkit-transform: scale(2.03,2.03);
    -moz-transform: scale(2.03,2.03);
    -o-transform: scale(2.03,2.03);
    left: -343px;
    top: 200px;
}
.mpt-show {
    display: block;
}
.cup-hx-01 {
    display: none;
}
.cup-07-07 {
    top: 420px;
    z-index: 796;
}
.cup-07-08 {
    top: 414px;
    z-index: 800;
}
.cup-07-09 {
    top: 415px;
}
.cup-img {
    transition: all ease-in .5s;
    -webkit-transition: all ease-in .5s;
    -moz-transition: all ease-in .5s;
    -o-transition: all ease-in .5s;
}
